<template>
	<div class="strut-div clear-float">
		<div class="fiscal-item" v-for="(item, index) in config.data" :key="index">
			<p>{{item.title}}</p>
			<div> <span>{{item.num}}</span> {{item.unit}} </div>
		</div>
	</div>
</template>

<script>
	export default {
		props:['url','config'],
		methods: {
			name() {
				//网络请求
			}
		},
	}
</script>

<style scoped lang="scss" type="text/scss">
	.fiscal-item {
		width: 187px;
		float: left;
		margin-left: 0px;
		margin-right: 20px;
		// line-height: 20px;
		margin-top: 17px;
		
		&:nth-child(2n){
			margin-right: 0px;
		}
		
		> p {
			font-size: 16px;
			color: #3FECFF;
			margin: 0 0 6px 0;
		} 
		>div {
			width: 187px;
			height: 40px;
			background: linear-gradient(0deg,rgba(10,24,51,0.6),rgba(13,197,230,0.6));
			box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.51);
			border-radius:2px;
			text-align: center;
			color: #E9F4FF;
			font-size: 14px;
			>span {
				display: inline-block;
				font-size: 24px;
				color: #FBCC13;
				line-height: 40px;
			}
		}
	}
	
</style>